<template>
  <view class="page" :style="themeColor">
    <fu-custom :isBack="true" :isBottom="true" bgColor="bg-white">
    	<view slot="content">问题详情</view>
    </fu-custom>
    <!---flex布局flex布局开始-->
    <view class="flex benben-flex-layout flex-wrap align-center problemDetail_flex_1">
      <text class="problemDetail_fd1_0">{{ dataDetail.title }}</text>
    </view>
    <!---flex布局flex布局结束-->
    <view class="ben_fu-jyf-parser_2" v-html="dataDetail.body">
      
    </view>
	<view class="btn-wrap">
		<view class="btn fu-fs32 flex align-center justify-center margin-lr round" @tap="handleJump" data-url="/pages/index/setting/feedback/index">
			<image src="https://localelife.chunchuangkeji.cn/h5img/images/031.png" class="fu-block-32 margin-right-24"></image>
			<text class="fu-fs28">意见反馈</text>
		</view>
	</view>
    <!-- <view :style="{ height: '100rpx' }"></view> -->
  </view>
</template>
<script>
import { validate } from '@/common/utils/validate.js';
export default {
  components: {},

  data() {
    return {
      dataDetail: {
        aid: '',
        operationarticlecolumn_name: '',
        title: '',
        img_url: '',
        synopsis: '',
        sort: '',
        click_count: '',
        fabulous: '',
        is_recommend: '',
        status: '',
        create_time: ''
      },
      detail_id: ''
    };
  },
  computed: {
    themeColor() {
      return this.$store.getters.themeColor;
    }
  },
  watch: {},
  onLoad(options) {
    let { detail_id } = options;
    if (detail_id !== undefined) this.detail_id = detail_id;
    this.getgetDetail();
  },
  onUnload() {},
  onReady() {},
  onShow() {},
  onHide() {},
  onResize() {},
  onPullDownRefresh() {},
  onReachBottom(e) {},
  onPageScroll(e) {},
  methods: {
    //获取消息详情
    async getgetDetail() {
      //请求方法
      //数据验证

      let dataDetailData = await this.$api.post(global.apiUrls.post5d64a46459991, {
        id: this.detail_id,
      });
      if (dataDetailData.data.code != 1) {
        this.$message.info(dataDetailData.data.msg);
        return;
      }
      let dataDetailinfo = dataDetailData.data;
      this.dataDetail = dataDetailinfo.data;
    }
  }
};
</script>
<style lang="scss" scoped>
.page {
  width: 100vw;
  overflow-x: hidden;
  min-height: calc(100vh - var(--window-bottom));
  background: #fff;
  background-size: 100% auto !important;
}

.btn-wrap {
	height: 128rpx;
	.btn {
	    position: fixed;
		width: 400rpx;
	    left: 0;
	    right: 0;
	    bottom: 56rpx;
		background-color: #fff;
		height: 72rpx;
		border: 1rpx solid #FF6F27;
		margin: 0 auto;
		bottom: calc(56rpx + var(--window-bottom));
	  }
}


.helpDetail_fd2_0 {
  width: 32rpx;
  height: 32rpx;
  border-radius: 0rpx 0rpx 0rpx 0rpx;
  margin: 0rpx 12rpx 0rpx 0rpx;
}

.helpDetail_fd2_1 {
  font-size: 28rpx;
  font-weight: 500;
  color: #EE3F4D;
  line-height: 45rpx;
}

.problemDetail_flex_0 {
  background: #fff;
  background-size: 100% !important;
  width: 750rpx;
  height: 88rpx;
  overflow: hidden;
  z-index: 10;
  top: 0rpx;
  background-size: 100% auto !important;
}

.problemDetail_fd0_0_c2 {
  padding: 0rpx 0rpx 0rpx 0rpx;
  width: 100rpx;
}

.problemDetail_fd0_0_c1_c0 {
  font-size: 36rpx;
  font-weight: 500;
  color: #333333;
  line-height: 50rpx;
}

.problemDetail_fd0_0_c0_c0 {
  width: 18rpx;
  height: 32rpx;
  border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.problemDetail_fd0_0_c0 {
  width: 100rpx;
}

.problemDetail_fd0_0 {
  padding: 0rpx 32rpx 0rpx 32rpx;
  line-height: 88rpx;
}

.problemDetail_flex_1 {
  padding: 32rpx 32rpx 32rpx 32rpx;
  background: #fff;
  border-top: 1rpx solid #eee;
}

.problemDetail_fd1_0 {
  line-height: 45rpx;
  font-size: 32rpx;
  font-weight: 700;
  color: #333333;
}

.ben_fu-jyf-parser_2 {
  background-color: #fff;
  padding-left: 32rpx;
  padding-right: 32rpx;
  padding-top: 0rpx;
  padding-bottom: 32rpx;
}
</style>
